<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <title>杭州市公安局合成作战平台</title>
    
    <script>
        // 采用动态rem方案响应页面布局
        const clientWidth = document.documentElement.clientWidth;
        const clientHeight = document.documentElement.clientHeight;
        window.pageWidth = clientWidth / clientHeight > 16 / 9 ? clientHeight * 16 / 9 : clientWidth;
        const pageHeight = pageWidth * 9 / 16;
        // 设置页面字体大小为页面有效宽度的1/100，即 1rem = pageWidth / 100
        // 之后 100rem 就表示页面的有效宽度
        const string = `
            <style>
                html{
                    font-size: ${pageWidth / 100}px;
                }
            </style>
        `;
        //    将style标签写入页面
        document.write(string);
    </script>
<script type="module" crossorigin src="./assets/index.e99667cc.js"></script>
  <link rel="modulepreload" href="./assets/vendor.f657f5a9.js">
  <link rel="stylesheet" href="./assets/index.82f3dbb6.css">
</head>
<body>
<div id="root"></div>
<script>
    // 设置root宽高
    // root.style.width = pageWidth + "px";
    root.style.height = pageHeight + "px";
    // 设置root上下居中
    root.style.marginTop = (clientHeight - pageHeight) / 2 + "px";
</script>

</body>
</html>